 .cropper-container{direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.cropper-container img{/*Avoid margin top issue (Occur only when margin-top <= -height) */ display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%;}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal{bottom: 0; left: 0; position: absolute; right: 0; top: 0;}
.cropper-wrap-box,
.cropper-canvas{overflow: hidden;}
.cropper-drag-box{background-color: #fff; opacity: 0;}
.cropper-modal{background-color: #000; opacity: .5;}
.cropper-view-box{display: block; height: 100%; outline-color: rgba(51, 153, 255, 0.75); outline: 1px solid #39f; overflow: hidden; width: 100%;}
.cropper-dashed{border: 0 dashed #eee; display: block; opacity: .5; position: absolute;}
.cropper-dashed.dashed-h{border-bottom-width: 1px; border-top-width: 1px; height: 33.33333%; left: 0; top: 33.33333%; width: 100%;}
.cropper-dashed.dashed-v{border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.33333%; top: 0; width: 33.33333%;}
.cropper-center{display: block; height: 0; left: 50%; opacity: .75; position: absolute; top: 50%; width: 0;}
.cropper-center:before,
.cropper-center:after{background-color: #eee; content: ' '; display: block; position: absolute;}
.cropper-center:before{height: 1px; left: -3px; top: 0; width: 7px;}
.cropper-center:after{height: 7px; left: 0; top: -3px; width: 1px;}
.cropper-face,
.cropper-line,
.cropper-point{display: block; height: 100%; opacity: .1; position: absolute; width: 100%;}
.cropper-face{background-color: #fff; left: 0; top: 0;}
.cropper-line{background-color: #39f;}
.cropper-line.line-e{cursor: ew-resize; right: -3px; top: 0; width: 5px;}
.cropper-line.line-n{cursor: ns-resize; height: 5px; left: 0; top: -3px;}
.cropper-line.line-w{cursor: ew-resize; left: -3px; top: 0; width: 5px;}
.cropper-line.line-s{bottom: -3px; cursor: ns-resize; height: 5px; left: 0;}
.cropper-point{background-color: #39f; height: 5px; opacity: .75; width: 5px;}
.cropper-point.point-e{cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%;}
.cropper-point.point-n{cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px;}
.cropper-point.point-w{cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%;}
.cropper-point.point-s{bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px;}
.cropper-point.point-ne{cursor: nesw-resize; right: -3px; top: -3px;}
.cropper-point.point-nw{cursor: nwse-resize; left: -3px; top: -3px;}
.cropper-point.point-sw{bottom: -3px; cursor: nesw-resize; left: -3px;}
.cropper-point.point-se{bottom: -3px; cursor: nwse-resize; height: 5px; opacity: 1; right: -3px; width: 5px;}
@media (min-width: 768px){.cropper-point.point-se{height: 5px; width: 5px;}}
@media (min-width: 992px){.cropper-point.point-se{height: 5px; width: 5px;}}
@media (min-width: 1200px){.cropper-point.point-se{height: 5px; opacity: .75; width: 5px;}}
.cropper-point.point-se:before{background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%;}
.cropper-invisible{opacity: 0;}
.cropper-bg{background-image: url('');}
.cropper-hide{display: block; height: 0; position: absolute; width: 0;}
.cropper-hidden{display: none !important;}
.cropper-move{cursor: move;}
.cropper-crop{cursor: crosshair;}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point{cursor: not-allowed;}

/* ------------- YzmCMS 新增 www.yzmcms.com ------------- */
.container_box{padding-top:8px;}
.container{width:450px;height:450px;float:left;}
.con_right{float:left;margin-left:8px;width:260px;}
.preview{margin-bottom:10px;max-height:370px;min-height:200px;overflow:hidden;}
.preview_img{overflow:hidden;margin-bottom:15px;float:left;margin-right:10px;}
.small_lg{width:260px;height:260px;}
.small_md{width:130px;height:130px;}
.small_sm{width:50px;height:50px;}
.toggles{margin-top:5px;background:#3bb4f2;height:35px;line-height:35px;color:#fff;border-radius:3px;overflow:hidden;}
.toggles span{width:20%;display:block;float:left;text-align:center;cursor:pointer;}
.toggles span:hover{background:#22a3e4}
.toggles span.on{background:#0f9ae0}
.bottom_button{position:fixed;bottom:10px;right:20px;z-index:99999;}